<template>
    <div class="footer">
        <div class="footer-logo">
            <img :src="require(`@/assets/static/img/favicon.png`)" alt="logo" width="40px">

            <p>DL商城</p>
        </div>
        <div class="footer-link">
            <el-link :underline="false">DL商城</el-link>
            <el-divider direction="vertical"></el-divider>
            <el-link :underline="false">教育学院</el-link>
            <el-divider direction="vertical"></el-divider>
            <el-link :underline="false">湖北文理学院</el-link>
        </div>
        <div class="copyright">Copyright ©2022 <span class="domain">数码商城商城</span> All Rights Reserved.</div>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
    .footer {
        height: 234px;
        border-top: 4px solid #FF6600;
        background-color: #333333;
        color: #999999;
        font-size: 16px;
        text-align: center;
    }
    .footer .footer-logo {
        margin-top: 46px;
        margin-bottom: 31px;
    }
    .footer .footer-logo img {
        width: 53px;
        height: 53px;
    }
    .footer .footer-link {
        margin-bottom: 13px;
    }
    .footer .footer-link a {
        font-size: 18px;
    }
    .footer .copyright .domain {
        color: #FF6600;
    }
</style>
